<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>无标题文档</title>
    <link href="resource/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="resource/css/select.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="resource/js/jquery.js"></script>
    <script type="text/javascript" src="resource/js/jquery.idTabs.min.js"></script>
    <script type="text/javascript" src="resource/js/select-ui.min.js"></script>
    <script type="text/javascript" src="resource/editor/kindeditor.js"></script>

    <script type="text/javascript">
        KE.show({
            id: 'content7',
            cssPath: './index.css'
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function (e) {
            $(".select1").uedSelect({
                width: 345
            });
            $(".select2").uedSelect({
                width: 167
            });
            $(".select3").uedSelect({
                width: 100
            });


            $.ajax({
                url:"/getLeaveType",
                type:"post",
                dataType:"json",
                success:function (data) {
                    $(".select2").empty();//清除
                    $(".select2").append("<option value=\"0\">====请选择类型====</option>");
                    $.each(data, function (index, leavetype) {
                        $(".select2").append("<option value=\"" + leavetype.tid + "\">" + leavetype.lname + "</option>");
                    })
                }
            })
        });
    </script>
</head>

<body>

<div class="place">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="#">首页</a></li>
        <li><a href="#">商品上架</a></li>
    </ul>
</div>

<div class="formbody">

    <div id="usual1" class="usual">

        <div id="tab1" class="tabson">
            <form action="/userAddLeave" method="post">
                <ul class="forminfo">
                    <li><label>请假类型<b>*</b></label>
                        <div class="cityleft">
                            <select class="select2" name="leavetypeid">
                                <option value="0">===请选择===</option>
                            </select>
                        </div>
                    </li>
                    <li><label>开始时间<b>*</b></label><input name="starttime" type="date" class="dfinput"
                                                          style="width:518px;"/></li>
                    <li><label>结束时间<b>*</b></label><input name="endtime" type="date" class="dfinput"
                                                          style="width:518px;"/></li>
                    <li><label>请假时长<b>*</b></label><input name="total" type="text" class="dfinput"
                                                          style="width:518px;"/></li>
                </ul>
                <input name="" type="submit" class="loginbtn" value="请假"/>
            </form>

        </div>

    </div>

    <script type="text/javascript">
        $("#usual1 ul").idTabs();
    </script>

    <script type="text/javascript">
        $('.tablelist tbody tr:odd').addClass('odd');
    </script>
</div>

</body>
</html>
